.order{
	&-wrapper{
		margin: 20rpx 22rpx;
		background: #FFFFFF;
		border-radius: 16rpx;
		padding: 32rpx 18rpx;
	}
	&-shopBox{
		@include flexLeft;
		.icon{
			width: 76rpx;
			height: 40rpx;
			margin: 0 12rpx;
		}
		&__name{
			font-size: 32rpx;
			font-family: PingFang HK-Medium, PingFang HK;
			font-weight: 500;
			color: rgba(0,0,0,0.9);
		}
	}
	&-statusBox{
		position: absolute;
		bottom: 0;
		right: 0;
		background: #FFE5E5;
		border-radius: 146rpx 16rpx 16rpx 16rpx;
		padding: 4rpx 14rpx 4rpx 16rpx;
		.status{
			font-size: 20rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 500;
			color: $globalColor-style;
		}
	}
	&-status{
	 @include flexRight;
	 font-size: 28rpx;
	 font-family: PingFang SC-Medium, PingFang SC;
	 font-weight: 500;
	 color: $globalColor-style;
	}
	&-top{
		@include flexBetween;
		// align-items: flex-start;
		position: relative;
	}
	&-img{
		width: 196rpx;
		height: 196rpx;
		background: #EDEDED;
		border-radius: 15rpx;
		margin-right: 42rpx;
		position: relative;
		image{
			width: 100%;
			height: 100%;
			border-radius: 15rpx;
		}
	}
	&-carImg{
		width: 180rpx;
		height: 180rpx;
		background: #EDEDED;
		border-radius: 15rpx;
		margin-right: 20rpx;
		margin-left: 56rpx;
		position: relative;
		image{
			width: 100%;
			height: 100%;
			border-radius: 15rpx;
		}
	}
	&-content{
		@include flexLeftColumn;
		width: calc(100% - 280rpx);
		flex: 1;
		.title{
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 28rpx;
			color: #333;
			font-weight: bold;
			width: 100%;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			// @include initMoreLine(2);
			// height: 80rpx;
			// line-height: 40rpx;
		}
		.countdown{
			@include flexLeft;
			flex-wrap: nowrap;
			font-size: 24rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 500;
			color: rgba(0,0,0,0.9);
		}
		.type{
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 24rpx;
			color: #666;
			margin: 20rpx 0 18rpx;
		}
		.boxMt{
			margin-top: 15rpx;
		}
		.box{
			@include flexBetween;
			width: 100%;
			.boxItem{
				@include flexLeftColumn;
				.type{
					@include flexLeft;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 24rpx;
					color: #666;
					image{
						width: 24rpx;
						height: 20rpx;
						margin-left: 16rpx;
						transform: rotate(90deg);
					}
				}
				.ways{
					background: #131414;
					border-radius: 8rpx;
					@include flexCenter;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 24rpx;
					color: #FFFFFF;
					margin-bottom: 20rpx;
					padding: 6rpx 14rpx;
					image{
						width: 32rpx;
						height: 32rpx;
						margin-left: 16rpx;
						transform: rotate(-90deg);
					}
				}
			}
			.price{
				font-size: 32rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 500;
				color: #000000;
			}
			.ico{
				width: 48rpx;
			}
			.red{
				font-size: 28rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: $globalColor-style;
			}
			.operate{
				@include flexRight;
				input{
					border: none;
					font-family: PingFangSC-Semibold, PingFangSC-Semibold;
					font-weight: 500;
					font-size: 26rpx;
					width: 72rpx;
					height: 40rpx;
					text-align: center;
					margin: 0 8rpx;
				}
				.imgBox{
					width: 40rpx;
					height: 40rpx;
					.operateImg{
						width: 100%;
						height: 100%;
					}
				}
				.img{
					width: 36rpx;
					height: 36rpx;
				}
			}
			.num{
				font-size: 36rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #FA6A45;
			}
			.status{
				font-size: 24rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: $globalColor-style;
				background: #FFE9E9;
				border-radius: 25rpx;
				padding: 10rpx 20rpx;
			}
			.btn{
				font-size: 24rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: $globalColor-style;
				border-radius: 25rpx;
				padding: 10rpx 20rpx;
				border: 2rpx solid $globalColor-style;
				white-space: nowrap;
			}
			.end{
				font-size: 24rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: $globalColor-style;
			}
			.btnBg{
				background: $globalColor-style;
				border-radius: 16rpx;
				font-size: 24rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #FFFFFF;
				padding: 10rpx 12rpx;
				&--end{
					background: rgba(255,64,64,0.6);
				}
			}
		}
		.boNo{
			font-size: 24rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #333333;
			margin-top: 12rpx;
		}
		.boNoOrder{
			font-size: 24rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #333333;
			margin: 20rpx 0;
		}
		.stock{
			background: #F4F4F4;
			border-radius: 12rpx;
			font-size: 20rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 500;
			color: rgba(51,51,51,0.8);
			padding: 8rpx 16rpx;
			margin: 12rpx 0 16rpx;
		}
	}
	&rpx{
		@include flexBetween;
		border-top: 1px solid #E9E9E9;
		margin-top: 28rpx;
		padding-top: 28rpx;
		&-times{
			font-size: 24rpx;
			font-family: PingFang SC-Heavy, PingFang SC;
			font-weight: 800;
			color: #000000;
			@include flexLeft;
			margin-right: 28rpx;
		}
		.total{
			font-size: 28rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #000000;
			@include flexRight;
			&-type{
				font-size: 28rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #000000;
			}
			image{
				width: 46rpx;
				height: 46rpx;
				margin-left: 14rpx;
			}
			&-red{
				font-size: 28rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: $globalColor-style;
				text{
					font-size: 24rpx;
					font-family: PingFang SC-Heavy, PingFang SC;
					font-weight: 800;
					color: #000000;
				}
			}
		}
		.btn{
			font-size: 28rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
			padding: 13rpx 38rpx;
			background: linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
			border-radius: 136rpx;
			border: 2rpx solid $globalColor-style;
			margin: 0 0 0 24rpx;
			&-wait{
				border: 2rpx solid #FBACA3;
				background: #FBACA3;
			}
			&-no{
				padding: 13rpx 38rpx;
				font-size: 28rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 400;
				color: $globalColor-style;
				border-radius: 136rpx;
				border: 2rpx solid $globalColor-style;
				margin: 0 0 0 24rpx;
			}
		}
		.bgWidth{
			width: 100%;
			font-size: 28rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
			padding: 10rpx 0;
			border-radius: 12rpx;
			border: 2rpx solid $globalColor-style;
			background: $globalColor-style;
			text-align: center
		}
		.inventory{
			font-size: 24rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(0,0,0,0.6);
		}
	}
	&-end{
		@include flexRight;
	}
	&-payTitle{
		font-size: 28rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #000000;
		text-align: right;
		.tips{
			font-size: 24rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(0,0,0,0.4);
		}
		.red{
			color: $globalColor-style;
		}
	}
	&-endTimeBox{
		background: #FFFFFF;
		padding: 6rpx 0;
		text-align: center;
		margin: auto;
		&__item{
			@include flexCenter;
			font-size: 24rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 500;
			color: #000000;
		}
	}
	&-noMt{
		margin-top: 0;
	}
	&-flex{
		@include flexBetween;
		width: 100%;
		&__title{
			font-size: 24rpx;
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: 400;
			color: #000000;
		}
		.red{
			font-weight: bold;
			color: $globalColor-style;
		}
		.btn,.noBg{
			width: 190rpx;
			white-space: nowrap;
			text-align: center;
			padding: 10rpx  0;
		}
		&__mt{
			margin-top: 8rpx;
		}
	}
	
	&-wan{
		background: rgba(0,0,0,0.02);
		border-radius: 8rpx;
		padding: 16rpx 20rpx;
		margin: 16rpx 0 0;
		&__item{
			@include flexBetween;
			width: 100%;
			.label{
				font-size: 28rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: rgba(0,0,0,0.9);
				@include flexLeft;
			}
			.redStatus{
				font-size: 28rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 500;
				color: $globalColor-style;
			}
			.btn{
				font-size: 28rpx;
				font-family: PingFang SC-Medium, PingFang SC;
				font-weight: 500;
				color: #FFFFFF;
				padding: 6rpx 38rpx 10rpx;
				background: $globalColor-style;
				border-radius: 12rpx;
				border: 2rpx solid $globalColor-style;
			}
		}
		&__mt{
			margin: 16rpx 0 0;
		}
	}
	&-w100{
		width: 100%;
		.price{
			font-size: 28rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #000000;
			white-space: nowrap;
		}
		.red{
			font-size: 36rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: $globalColor-style;
		}
	}
	&rpxFlex{
		@include flexLeft;
		flex-wrap: wrap;
		font-size: 24rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: rgba(0,0,0,0.8);
	}
	&-checkActive{
		width: 32rpx;
		height: 32rpx;
		margin-right: 24rpx;
		position: absolute;
		top: 32%;
		z-index: 8;
		image{
			width: 100%;
			height: 100%;
		}
	}
	&-checkActiveBottom{
		width: 32rpx;
		height: 32rpx;
		margin-right: 24rpx;
		image{
			width: 100%;
			height: 100%;
		}
	}
	&-border{
		background: #FFFFFF;
		border-radius: 12rpx;
		 margin: 20rpx;
	}
	&-btnExchange{
		background: $globalColor-style;
		border-radius: 12rpx;
		font-size: 28rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
		padding: 6rpx 50rpx 10rpx;
	}
	.redPrice{
		font-family: DIN, DIN;
		font-weight: 700;
		font-size: 32rpx;
		color: #FA6A45;
		background: linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
		-webkit-background-clip: text;
		@include flexLeft;
		.ico{
			width: 64rpx;
		}
		&::before{
			content: '';
			font-size: 24rpx;
			color: #FA6A45;
			background: linear-gradient( 180deg, #FA6A45 0%, #F94123 100%);
			-webkit-background-clip: text;
			margin-top: 8rpx;
		}
	}
	&-newsBox{
		background: #F4F4F4;
		border-radius: 8rpx;
		 padding: 8rpx 20rpx;
		 margin: 24rpx 0 0;
		 .tips{
			 font-size: 28rpx;
			 font-family: PingFang SC-Medium, PingFang SC;
			 font-weight: 500;
			 color: rgba(0,0,0,0.6);
		 }
	}
}

.order{
	.order-wrapper:nth-last-child(1){
		.order-content{
			border-bottom: none;
			padding-bottom: 0;
		}
	}
}

.noMargin12{
	margin-top: 12rpx;
}

.noBorder{
	border: none;
	padding: 0;
}